@charset "utf-8";

@font-face {
	font-family: Impact;
	src: url(../font/impact.ttf);
}

@media (max-width:4000px) {
	html {
		font-size: 18px;
	}
}

@media (min-width:1600px) and (max-width:1920px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:640px) and (max-width:1399px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 12px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 12px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 12px;
	}
}

a {
	color: inherit
}



/*==========================================公共 开始=============================================*/

.ar_wap {
	display: none
}

.a_body {
	position: relative;
	z-index: 0;
}

.section {
	overflow: hidden;
}



.top_header {
	height: 44px;
	line-height: 44px;
	border-bottom: #f5f5f5 1px solid;
	overflow: hidden;
}

.top_header .left p {
	padding-right: 20px;
	margin-right: 16px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #5c5c5c
}

.top_header .left p:before {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 12px;
	background: #cacaca;
	top: 50%;
	margin-top: -6px;
}

.top_header .left ul {
	display: inline-block
}

.top_header .left ul li {
	display: inline-block;
	margin-right: 12px
}

.top_header .left ul li a {
	font-size: 12px;
	color: #5c5c5c
}



.top_header .right ul {
	display: inline-block
}

.top_header .right ul li {
	display: inline-block;
	margin-right: 24px
}

.top_header .right ul li a {
	font-size: 12px;
	color: #5c5c5c
}

.top_header .right ul li a img {
	margin: -3px 4px 0 0
}

.top_header .tel {
	display: inline-block;
	font-size: 12px;
	color: #5c5c5c;
	margin-left: 10px
}

.top_header .tel img {
	margin: -3px 4px 0 0
}

.top_header .tel big {
	font-size: 16px;
	color: #ff001d;
	font-weight: bold
}



.logo_ceng {
	height: 116px;
}

.logo_ceng .left {
	line-height: 116px;
}



.search_content {

	float: left;

}

.search_top {

	width: 553px;

	height: 40px;

	background-color: #F5F5F5;
	/* 
	border-radius: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px; */

	border: 2px solid #ff001d;

}

.lb_ul {

	height: 36px;

	width: 74px;

	font-size: 12px;

	line-height: 36px;

	text-align: center;

	color: #666;

	background: #fff;

	float: left;

	position: relative;

	overflow: hidden;

	z-index: 5;

	transform: translateZ(0);

	border-right-width: 2px;

	border-right-style: solid;

	border-right-color: #ff001d;

}

.lb_ul .choose_goods {}

.lb_ul:hover {

	overflow: visible;

}

.choose_goods:hover {

	cursor: pointer;

	color: #c99d5e
}

.search_input {

	box-sizing: border-box;

	display: block;

	float: left;

	border: 0;

	height: 36px;

	text-indent: 16px;

	width: 420px;

	font-size: 12px;

	outline: 0;

	background-color: #FFF;

}

.search_btn {

	display: block;

	float: left;

	width: 55px;

	height: 36px;

	border: 0;

	box-sizing: border-box;

	color: #fff;

	outline: 0;

	background: #ff001d url(../images/sousuo.png) center no-repeat;

}

.detailed {

	width: 552px;

	position: absolute;

	left: -2px;

	top: 36px;

	background: #fff;

	line-height: 36px;

	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);

}

.detailed_1 {

	width: 111px;

	border: 2px solid #c99d5e;

	position: absolute;

	left: -2px;

	top: 100%;

	background: #fff
}

.detailed a {

	display: block;

	float: left;

	width: 12.5%;

	height: 36px
}

.vivsted {

	background-color: #f8f8f8;

}

.detailed a:hover {

	background-color: #f8f8f8;

}

.detailed_1 a:hover {

	background: #c99d5e;

	color: #fff
}

.detailed_1 a {

	display: block;

	float: left;

	width: 100%;

	height: 36px
}

.detailed_1 a:first-child {

	color: #c99d5e
}

.detailed_1 a:hover {

	background: #c99d5e;

	color: #fff
}

.search_ul {

	font-size: 12px;

	padding: 15px 0 0 10px;

}

.search_ul .search_li {

	display: inline-block;

	height: 25px;

	text-align: center;

	position: relative;

	overflow: hidden;

	z-index: 3;

	transform: translateZ(0);

	margin-right: 32px;

}

.search_ul .search_li a {

	color: #909090;

}

.search_ul .search_li a:hover {

	color: #c99d5e
}

.search_ul .search_li:last-child {

	border-right: 0
}

.search_ul .search_li:hover {

	overflow: visible;

	cursor: pointer
}

.search_ul .keyChild {

	width: auto;

	position: absolute;

	left: 50%;

	top: 25px;

	background: #636363;

	white-space: nowrap;

	transform: translateX(-50%);

}

.search_ul .keyChild .childTarget {

	width: 100%;

	padding: 0 15px;

	height: 25px;

	display: block;

	line-height: 25px;

	color: #fff !important;

	text-decoration: none;

}

.search_ul .keyChild .childTarget:hover {

	background: #838383;

	text-decoration: none
}



.logo_ceng .right {
	padding: 24px 0 0
}

.maimai_btn {
	float: left;
	margin-left: 20px
}

.maimai_btn ul {
	font-size: 0
}

.maimai_btn ul li {
	display: inline-block;
	text-align: center
}

.maimai_btn ul li a {
	display: block;
	border: #c99d5e 2px solid;
	width: 94px;
	height: 40px;
	line-height: 36px;
	font-size: 14px;
	color: #666666;
	transition: .6s
}

/* .maimai_btn ul li:nth-child(1) a{ border-top-left-radius:5px; border-bottom-left-radius:5px;} */

/* .maimai_btn ul li:last-child a{ border-top-right-radius:5px; border-bottom-right-radius:5px;} */



.maimai_btn ul li.on a,
.maimai_btn ul li:hover a {
	background: #c99d5e;
	color: #fff
}



/*页面顶部tab*/

.common_nav_ul:after {

	content: "";

	display: block;

	clear: both
}

.common_nav {

	height: 55px;

	transition: 0.6s;

}

.common_nav_ul {

	width: 1200px;

	margin: 0 auto;

	line-height: 55px;

	color: #fff;

	text-align: right;

}

.common_nav_li .relogo_img {

	position: absolute;

	left: 103%;

	top: 3px;

	animation: relogo_img .5s linear infinite alternate;

	-webkit-animation: relogo_img .5s linear infinite alternate;

	-moz-animation: relogo_img .5s linear infinite alternate;

	-ms-animation: relogo_img .5s linear infinite alternate;

	width: 28px;

}

.common_nav_ul .common_nav_li {

	height: 55px;

	width: 112px;

	display: inline-block;

	text-align: right;

	position: relative;

	-webkit-transform: translateZ(0);

}

.common_nav_ul .common_nav_li:hover {

	cursor: pointer;

	color: #ff001d;

}

.common_nav_ul .common_nav_li a {

	color: #2e2e2e;

	display: block;

	font-size: 16px;

}

.common_nav_ul .common_nav_li a:hover {

	display: block;

	font-size: 16px;

	color: #ff001d;

}

.first_li_nav {

	background: #FF001D;

	text-indent: 18px;

	width: 220px !important;

	text-align: left !important;

	position: relative;

	overflow: hidden !important;

	z-index: 5;

	color: #FFF !important;

	border-top-left-radius: 2px;

	border-top-right-radius: 2px;

	float: left;

}

.first_li_nav:hover {

	overflow: visible !important;

}

.last_li_nav:hover {

	overflow: visible !important;

}

.last_li_nav {

	overflow: hidden;

	transform: none !important;

}

.goods_category {

	margin-right: 10px;

	text-indent: 0;

	font-size: 18px !important;

	cursor: pointer;

	display: inline-block !important;

	color: #FFF !important;

	height: 55px;

}

.goods_category_img {

	margin: -3px 10px 0 0;

}

.focus_img {

	height: 500px;

	position: relative
}

.left_nav_ul {

	width: 220px;

	color: #717171;

	background: #fff;

	text-indent: 14px;

	float: left;

	position: absolute;

	left: 0;

	top: 55px;

	font-size: 12px !important;

	font-weight: normal !important;

	z-index: 999;

}

.left_nav_ul .left_nav_li {

	width: 220px;

	color: #717171;

	background: #fff;

	height: 43px;

	line-height: 43px;

	position: relative;

}

.left_nav_ul .left_nav_li:last-child {

	height: 70px;

	line-height: 70px
}

.left_nav_ul .left_nav_li:last-child:hover {

	color: #c99d5e
}

.left_nav_ul a {

	display: inline !important
}

.left_nav_child {

	width: 100%;

	padding-left: 0;

	background: #fff;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	font-size: 12px !important;

	font-weight: normal !important;

}

.left_nav_child:hover {

	background: #ff001d;

	color: #fff;

}

.left_nav_child:hover a {

	color: #fff !important
}

.left_nav_child a {

	color: #717171 !important;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	font-size: 12px !important;

	font-weight: normal !important;

}

.left_nav_child a:hover {

	color: #fff !important
}

/*类别拆分*/

.nav_children {

	width: 960px;

	height: 500px;

	background: rgba(255, 255, 255, 0.9);

	position: absolute;

	top: 100%;

	left: 100%;

	padding: 25px 0 0 30px;

	cursor: default;

	font-size: 12px;

	opacity: 0;

	visibility: hidden;

	line-height: 40px;

}

.nav_children li:after {

	content: "";

	display: block;

	clear: both
}

.nav_children a:hover {

	font-size: 12px !important;

	font-weight: normal !important
}

.children_menu .a_menu {

	background: #7c7171;

	color: #fff !important;

	padding-left: 12px;

	text-indent: 0;

	float: left;

	margin-right: 30px;

	line-height: 30px;

	height: 30px;

	font-size: 12px !important;

	font-weight: normal !important;

}

.children_menu .a_menu:hover {

	background: #c99d5e
}

.children_menu .a_menu:hover .icongt {

	background: #c99d5e
}

.children_menu .icongt {

	background: #5c5251;

	display: inline-block;

	width: 24px;

	height: 100%;

	text-indent: 0;

	text-align: center;

	color: #fff;

	float: right;

	margin-left: 12px
}

.menu_title {

	color: #333;

	margin-top: 10px;

	text-indent: 0
}

.menu_detail {

	text-indent: 0
}

.menu_title a {

	color: #333 !important;

	font-size: 12px !important;

	font-weight: normal !important;

}

.menu_title a:hover {

	color: #ff001d !important;

	text-decoration: none;

	font-size: 12px !important;

	font-weight: normal !important;

}

.menu_detail a {

	color: #555 !important;

	margin-right: 5px;

	display: block;

	float: left;

	text-indent: 0;

	font-size: 12px !important;

	font-weight: normal !important;

}

.menu_detail span {

	color: #555 !important;

	margin-right: 5px;

	display: block;

	float: left;

	text-indent: 0
}

.menu_detail a:hover {

	color: #c99d5e !important;

	text-decoration: none
}

@keyframes relogo_img {

	0% {

		transform: translateY(10%)
	}

	100% {

		transform: translateY(-10%)
	}

}

@-webkit-keyframes relogo_img {

	0% {

		-webkit-transform: translateY(10%)
	}

	100% {

		-webkit-transform: translateY(-10%)
	}

}

@-moz-keyframes relogo_img {

	0% {

		-moz-transform: translateY(10%)
	}

	100% {

		-moz-transform: translateY(-10%)
	}

}

@-ms-keyframes relogo_img {

	0% {

		-ms-transform: translateY(10%)
	}

	100% {

		-ms-transform: translateY(-10%)
	}

}





.banner_box {
	height: 546px;
}

.banner_wai {
	position: relative;
	z-index: 0;
}

.banner_wai>img {
	position: relative;
	width: 100%
}



.banner {
	width: 100vw;
}

.banner li {
	position: relative;
}

.banner li .bg {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.banner li .img {
	left: 0;
	top: 0;
	width: 100%;
	height: 546px;
	z-index: 8;
}

#banner li img {
	display: inline-block;
	width: 100%;
}

#banner li .w1600 {
	height: 100%;
	position: relative
}

#banner li .w1600 .wenzi {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -7rem;
}

#banner li .con {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: center;
}

#banner li .wenzi h3 {
	font-size: 3.5rem;
	margin-bottom: 1.5rem;
	color: #fff;
	display: block;
	font-family: ROBOTO-BOLD;
	transform: translateY(40px);
	opacity: 0;
	transition: .9s .6s;
}

#banner li .wenzi h3 span {
	font-family: ROBOTO-BOLD;
}

#banner li .wenzi h4 {
	font-size: 1.5rem;
	color: #fff;
	display: block;
	margin-bottom: 3.125rem;
	transform: translateY(40px);
	opacity: 0;
	transition: .9s .6s;
}

#banner li .wenzi a>span {
	display: inline-block;
	width: 13.125rem;
	height: 3.125rem;
	line-height: 3rem;
	border-radius: 1.75rem;
	background: #007e64;
	text-align: center;
	font-size: 0.875rem;
	font-family: ROBOTO-MEDIUM;
	color: #fff;
	transform: translateY(70px);
	transition: 1.5s .6s;
	opacity: 0;
	overflow: hidden;
}

#banner li .wenzi a>span:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent;
	transition: 0.6s;
	height: 0;
}

#banner li .wenzi a>span:hover {
	color: #282828
}

#banner li .wenzi a>span:hover:before {
	height: 100%;
	top: 0;
	background: #fff
}

#banner li .wenzi a>span font {
	position: relative;
	color: #fff;
	transition: 0.6s;
	text-transform: uppercase;
	font-family: ROBOTO-LIGHT;
}

#banner li .wenzi a>span:hover font {
	color: #282828;
	letter-spacing: 0.5px
}

#banner.on li.miso-current .wenzi h3,
#banner.on li.miso-current .wenzi h4,
#banner.on li.miso-current .wenzi a>span {
	transform: translateY(0px);
	opacity: 1
}

@keyframes flipInX {

	from {

		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

		animation-timing-function: ease-in;

		opacity: 0;
	}

	40% {

		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

		animation-timing-function: ease-in;
	}

	60% {

		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

		opacity: 1;
	}

	80% {

		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {

		transform: perspective(400px);

		opacity: 1;
	}

}



#banner.on li .wenzi .home_texts span {
	display: inline-block;
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

	animation-timing-function: ease-in;
	;

	opacity: 1;
}



#banner.on li.miso-current .wenzi .home_texts span {

	width: auto;

	animation: flipInX 1s forwards;

	animation-timing-function: ease-in-out;

	backface-visibility: visible !important;

}





#banner li.miso-current {
	z-index: 999;
}

.banner .miso-arrow {
	z-index: 99;
	position: absolute;
	top: 50%;
	display: block;
	width: 55px;
	height: 55px;
	background-size: cover !important;
	opacity: 0.6;
	transition: 0.6s;
	margin-top: -27px;
}

.banner .miso-prev {

	left: 100px;

	background: url(../images/banner_left.png) left center no-repeat;

	transition: 300ms;

	-webkit-transition: 300ms;

	animation: moveL 2s linear infinite;

}



.banner .miso-next {

	right: 100px;

	background: url(../images/banner_right.png) right center no-repeat;

	transition: 300ms;

	-webkit-transition: 300ms;

	animation: moveL 2s linear infinite;

}

.banner .miso-arrow:hover {
	opacity: 1
}



.miso-prev:before,
.miso-next:before {
	display: none;
}

@keyframes moveL {

	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	25% {
		transform: translateX(-3px);
		-webkit-transform: translateX(-3px);
	}

	50% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	75% {
		transform: translateX(3px);
		-webkit-transform: translateX(3px);
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

}

@-webkit-keyframes moveL {

	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	25% {
		transform: translateX(-3px);
		-webkit-transform: translateX(-3px);
	}



	50% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	75% {
		transform: translateX(3px);
		-webkit-transform: translateX(3px);
	}

}



.nav_children.act {
	opacity: 1;
	visibility: visible
}



.container01 {
	padding: 52px 0 70px;
}

.container01 ul {
	font-size: 0;
	margin: 0 -7px;
}

.container01 ul li {
	display: inline-block;
	padding: 0 7px;
	width: 25%
}

.container01 ul li .box {
	height: 336px;
	border: #eaeaea 1px solid;
	transition: 0.6s
}

.container01 ul li .box .top {
	background: #f6f7f9;
	height: 120px;
	transition: 0.6s
}

.container01 ul li .box .top h3 {
	height: 50px;
}

.container01 ul li .box .top h3 svg {
	display: inline-block;
	transition: 0.9s;
	fill: #ed001b
}

.container01 ul li .box .top h5 {
	font-size: 20px;
	color: #4d4d4d;
	transition: 0.6s
}

.container01 ul li .box .bottom {
	padding: 20px 20px 0;
}

.container01 ul li .box .bottom dl {
	font-size: 0;
	position: relative
}

.container01 ul li .box .bottom dl:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 3px;
	right: 3px;
	border-bottom: #eaeaea 1px dashed
}

.container01 ul li .box .bottom dl dd {
	display: inline-block;
	width: 33.3333333%;
	padding: 0 3px;
	margin-bottom: 13px
}

.container01 ul li .box .bottom dl dd a {
	display: block;
	border: #e7e9ec 1px solid;
	height: 28px;
	line-height: 26px;
	border-radius: 13px;
	font-size: 12px;
	color: #666666;
	text-align: center;
	transition: 0.6s
}

.container01 ul li .box .bottom .more a {
	display: inline-block;
	width: 91px;
	height: 33px;
	line-height: 33px;
	background: #f6f7f9;
	border-radius: 17px;
	font-size: 12px;
	color: #6f6f6f;
	text-align: center;
	margin: 18px 0 0 12px;
	transition: 0.6s
}



.title01 {
	text-align: center;
	margin-bottom: 42px;
}

.title01 h3 {
	position: relative;
	font-size: 32px;
	margin-bottom: 18px;
}

.title01 h3 span {
	display: inline-block;
	padding: 0 20px;
	background: #fff;
	position: relative;
}

.title01 h3 span font {
	color: #ed001b
}

.title01 h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	height: 1px;
	background: #ebecee
}

.title01 h6 {
	font-size: 12px;
	color: #4a4a4a;
	line-height: 20px;
}



.container02 {
	padding: 0 0 45px;
}

.container02 .miso_hd {
	margin-bottom: 60px;
	background: url(../images/dian_bg.png) center bottom no-repeat;
	height: 112px;
}

.container02 .miso_hd .miso-prev,
.container02 .miso_hd .miso-next {
	width: 9px;
	height: 17px;
	top: 30px;
}

.container02 .miso_hd .miso-prev {
	background: url(../images/left01.png) center no-repeat
}

.container02 .miso_hd .miso-next {
	background: url(../images/right01.png) center no-repeat
}

.container02 .miso_hd ul {
	padding: 0 80px
}

.container02 .miso_hd ul li {
	text-align: center;
	padding-bottom: 22px;
}

.container02 .miso_hd ul li a {
	display: block
}

.container02 .miso_hd ul li h3 {
	height: 50px;
}

.container02 .miso_hd ul li h3 img {
	display: inline-block;
	transition: 0.6s
}

.container02 .miso_hd ul li h5 {
	font-size: 15px;
	color: #555454
}

.container02 .miso_hd ul li .yuan {
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 41px;
	border: #e7e7e7 1px solid;
	background: #fff;
	margin: 18px 0 -8px;
	border-radius: 50%;
	color: #5c5c5c;
	font-size: 14px;
	transition: 0.6s
}

.container02 .miso_bd ul {
	font-size: 0;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 25px 37.5px;
}

.container02 .miso_bd ul li {
	position: relative;
}
.container02 .miso_bd ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.container02 .miso_bd ul li:nth-child(10n+1),
.container03 .miso_bd ul li:nth-child(10n+1),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+1) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+1) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+1) .img {

	background: #ad1d1d;
}
.container02 .miso_bd ul li:nth-child(10n+2),
.container03 .miso_bd ul li:nth-child(10n+2),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+2) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+2) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+2) .img {

	background: #fe4253;
}

.container02 .miso_bd ul li:nth-child(10n+3),
.container03 .miso_bd ul li:nth-child(10n+3),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+3) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+3) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+3) .img {

	background: #081c37;
}
.container02 .miso_bd ul li:nth-child(10n+4),
.container03 .miso_bd ul li:nth-child(10n+4),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+4) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+4) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+4) .img {

	background: #f4690e;
}

.container02 .miso_bd ul li:nth-child(10n+5),
.container03 .miso_bd ul li:nth-child(10n+5),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+5) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+5) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+5) .img {

	background: #39bd96;
}

.container02 .miso_bd ul li:nth-child(10n+6),
.container03 .miso_bd ul li:nth-child(10n+6),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+6) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+6) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+6) .img {

	background: #4c3e61;
}

.container02 .miso_bd ul li:nth-child(10n+7),
.container03 .miso_bd ul li:nth-child(10n+7),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+7) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+7) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+7) .img {

	background: #c79556;
}
.container02 .miso_bd ul li:nth-child(10n+8),
.container03 .miso_bd ul li:nth-child(10n+8),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+8) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+8) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+8) .img {

	background: #643a22;
}

.container02 .miso_bd ul li:nth-child(10n+9),
.container03 .miso_bd ul li:nth-child(10n+9),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+9) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+9) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+9) .img {

	background: #a65f8b;
}

.container02 .miso_bd ul li:nth-child(10n+10),
.container03 .miso_bd ul li:nth-child(10n+10),
.n_jingxuan_box .fl01 .fl00 .right ul li:nth-child(10n+10) .img ,
.n_chaoshi_li .fl05 ul li:nth-child(10n+10) .img ,
.n_chaoshi_li.n_banquan_detail .n_right_d .fl03 ul li:nth-child(10n+10) .img {

	background: #1da2a7;
}




.container02 .miso_bd ul li img {
	display: inline-block;
	width: 210px;
	height: 210px;
	transition: 0.6s;
}

.container02 .miso_bd ul li .zixun,
.container03 .miso_bd ul li .zixun {
	position: absolute;
	width: 210px;
	height: 45px;
	opacity: 0;
	bottom: 0;
	transition: all .5s;
	background: #C99D5E;
	line-height: 45px;
	text-align: center;
	z-index: 10;
	font-size: 15px;
	color: #fff;
}

.n_jingxuan_box .right a {
	position: relative;
}

.n_chaoshi_li .fl05 ul li a .zixun,
.n_jingxuan_box .right a .zixun,
.n_banquan_detail .n_right_d .fl03 ul li a .zixun {
	position: absolute;
	width: 100%;
	height: 45px;
	opacity: 0;
	bottom: 0;
	transition: all .5s;
	background: #C99D5E;
	line-height: 45px;
	text-align: center;
	z-index: 10;
	font-size: 15px;
	color: #fff;
}
.n_chaoshi_li .fl05 ul li a .img div {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.1rem;
}
.container02 .miso_bd ul li:hover .zixun,
.container03 .miso_bd ul li:hover .zixun,
.n_chaoshi_li .fl05 ul li a:hover .zixun,
.n_jingxuan_box .right a:hover .zixun,
.n_banquan_detail .n_right_d .fl03 ul li a:hover .zixun {
	opacity: 1;
}

.container02 .miso_hd ul li.on .yuan,
.container02 .miso_hd ul li:hover .yuan {
	background: #ed001b;
	border: #ed001b 1px solid;
	color: #fff
}



.container03 {
	background: #f2f8fe url(../images/container03_bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 90px 0 70px
}

.container03 .title01 h3:before {
	background: #dcdde0
}

.container03 .title01 h3 span {
	background: #f2f8fe
}

.container03 .miso_hd {
	margin-bottom: 42px
}

.container03 .miso_hd .miso-prev,
.container03 .miso_hd .miso-next {
	width: 45px;
	height: 45px;
}

.container03 .miso_hd .miso-prev {
	background: url(../images/left02.png) center no-repeat;
	left: -75px;
}

.container03 .miso_hd .miso-next {
	background: url(../images/right02.png) center no-repeat;
	right: -75px
}

.container03 .miso_hd ul {
	font-size: 0
}

.container03 .miso_hd ul .miso-list {
	overflow: visible
}

.container03 .miso_hd ul li {
	width: 14.28%;
	display: inline-block;
	margin: -0.5px
}

.container03 .miso_hd ul li a {
	display: block;
	border: #e0e1e4 1px solid;
	height: 120px;
	padding: 22px;
	transition: 0.6s
}

.container03 .miso_hd ul li a h5 {
	font-size: 14px;
	color: #4d4d4d;
	line-height: 20px;
	height: 45px;
	transition: 0.6s
}

.container03 .miso_hd ul li a h3 img {
	display: inline-block;
	transition: 0.9s
}

.container03 .miso_hd ul li a h3 img.img2 {
	opacity: 0;
	visibility: hidden;
	width: 0
}

.container03 .miso_bd ul {
	font-size: 0;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 25px 37.5px;
}

.container02 .miso_bd ul li {
	position: relative;
}
.container02 .miso_bd ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.container03 .miso_bd ul li img {
	display: block;
	width: 210px;
	height: 212px;
	transition: 0.6s;
}



.container03 .miso_hd ul li.on,
.container03 .miso_hd ul li:hover {
	position: relative;
}

.container03 .miso_hd ul li.on a,
.container03 .miso_hd ul li:hover a {
	background: #fff;
	box-shadow: 0 8px 10px #3333330d;
}

.container03 .miso_hd ul li.on a h5,
.container03 .miso_hd ul li:hover a h5 {
	color: #333
}

.container03 .miso_hd ul li.on a h3 img.img2,
.container03 .miso_hd ul li:hover a h3 img.img2 {
	opacity: 1;
	visibility: visible;
	width: auto;
	transform: rotateY(360deg)
}

.container03 .miso_hd ul li.on a h3 img.img1,
.container03 .miso_hd ul li:hover a h3 img.img1 {
	opacity: 0;
	visibility: hidden;
	width: 0
}



.container04 {
	background: #f2f8fe url(../images/container04_bg.jpg) center top no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 705px;
	padding: 90px 0 70px
}

.container04 .title01 h3:before {
	background: url(../images/line_bg.png) center no-repeat
}

.container04 .title01 h3 span {
	background: none;
}

.container04 .left {
	width: 796px;
}

.container04 .left ul {
	font-size: 0;
	margin: 0 -5px
}

.container04 .left ul li {
	display: inline-block;
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px
}

.container04 .left ul li a {
	display: block;
	height: 205px;
	padding: 45px 40px 0;
	transition: 0.6s
}

.container04 .left ul li a h5 {
	position: relative;
	font-size: 22px;
	color: #4b4b4b;
}

.container04 .left ul li a h5:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 1px;
	background: #dadada;
	bottom: -14px;
	left: 0;
}

.container04 .left ul li a p {
	position: relative;
	font-size: 14px;
	color: #8e8e8e;
	line-height: 20px;
	margin: 28px 0 28px;
}

.container04 .left ul li a h6 {
	font-size: 14px;
	color: #ff001d;
	display: inline-block;
	line-height: 35px;
	height: 35px;
	padding: 0 5px;
	transition: 0.6s;
	border-radius: 17.5px;
}

.container04 .left ul li a h6 img {
	margin: -3px 0 0 8px;
	transition: 0.6s
}

.container04 .left ul li a h6 img.img2 {
	display: none
}

.container04 .right {
	width: 394px;
}

.container04 .right ul li a {
	display: block;
	height: 420px;
	padding: 45px 40px 0;
	transition: 0.6s
}

.container04 .right ul li a h5 {
	position: relative;
	font-size: 22px;
	color: #4b4b4b;
}

.container04 .right ul li a h5:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 1px;
	background: #dadada;
	bottom: -14px;
	left: 0;
}

.container04 .right ul li a p {
	position: relative;
	font-size: 14px;
	color: #8e8e8e;
	line-height: 20px;
	margin: 44px 0 30px;
}

.container04 .right ul li a h6 {
	font-size: 14px;
	color: #ff001d;
	display: inline-block;
	line-height: 35px;
	height: 35px;
	padding: 0 5px;
	transition: 0.6s;
	border-radius: 17.5px;
}

.container04 .right ul li a h6 img {
	margin: -3px 0 0 8px;
	transition: 0.6s
}

.container04 .right ul li a h6 img.img2 {
	opacity: 0;
	visibility: hidden;
	width: 0
}



.container05 {
	padding: 85px 0
}

.container05 ul {
	font-size: 0;
	margin: 0 -2px
}

.container05 ul li {
	display: inline-block;
	width: 25%;
	padding: 0 2px;
	margin-bottom: 4px
}

.container05 ul li a {
	display: block;
	border: #eaeaea 1px solid;
	background: #f6f7f9;
	padding: 40px 30px 0;
	height: 186px;
	transition: 0.6s
}

.container05 ul li a h5 {
	font-size: 20px;
	color: #444444
}

.container05 ul li a p {
	font-size: 14px;
	color: #8b8b8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 15px 0 24px;
	line-height: 18px;
	text-transform: uppercase
}

.container05 ul li a h6 {
	line-height: 44px;
	font-size: 15px;
	color: #ff0000;
	font-weight: bold
}

.container05 ul li a h6 img {
	float: right
}

.container05 ul li a h6 img.img2 {
	display: none
}



.container05 ul li:last-child a h5 {
	font-weight: bold
}

.container05 ul li .more {
	display: inline-block;
	width: 91px;
	height: 33px;
	line-height: 33px;
	background: #ed001b;
	border-radius: 17px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	transition: 0.6s
}



.container06 {
	padding: 0 0 50px
}

.container06 ul {
	font-size: 0;
	margin: 0 -30px
}

.container06 ul li {
	display: inline-block;
	width: 20%;
	padding: 0 30px;
	margin-bottom: 35px;
	text-align: center
}

.container06 ul li a {
	display: block;
}

.container06 ul li .img,
.container06 ul li .img img {
	width: 190px;
	height: 190px;
	display: inline-block;
	border-radius: 50%; 
	position: relative;
	overflow: hidden;
}

.container06 ul li .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; background: rgba(0, 0, 0, 0.5);
	transform: translateY(100%);
	transition: .6s
}

.container06 ul li .img .top h5 {
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 20px
}

.container06 ul li .img .top span {
	display: inline-block;
	width: 81px;
	height: 30px;
	line-height: 30px;
	background: #ed001b;
	border-radius: 17px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	transition: 0.6s
}

.container06 ul li .con h5 {
	line-height: 52px;
	font-size: 13px;
	color: #888888;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.container06 ul li .con h5 big {
	font-size: 15px;
	color: #383838;
	margin-right: 6px;
	display: inline-block;
}



.container07 {
	padding: 0 0 80px
}

.container07 ul {
	font-size: 0;
	margin: 0 0;
	position: relative
}

.container07 ul:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/line02_bg.png) center no-repeat;
	pointer-events: none;
}

.container07 ul li {
	display: inline-block;
	width: 16.666667%;
	padding: 0 0;
	text-align: center;
	overflow: hidden
}

.container07 ul li a {
	display: block
}

.container07 ul li .img,
.container07 ul li .img img {
	width: 200px;
	height: 120px;
}



.container08 {
	padding: 80px 0 0;
	background: url(../images/container08_bg.jpg) center no-repeat;
	height: 1200px;
}

.container08 .title01 h3:before {
	background: url(../images/line_bg.png) center no-repeat
}

.container08 .title01 h3 span {
	background: none;
}

.container08 .fl01 {
	font-size: 0;
	margin: 0 -9px;
}

.container08 .fl01 .box {
	display: inline-block;
	width: 50%;
	padding: 0 9px;
	margin-bottom: 18px;
}

.container08 .fl01 .box .ll {
	width: 186px;
	height: 160px;
	background: #ed001b;
	position: relative
}

.container08 .fl01 .box .ll:after {
	content: "";
	position: absolute;
	border-top: #ed001b 10px solid;
	border-left: transparent 10px solid;
	border-right: transparent 10px solid;
	left: 50%;
	margin-left: -10px
}

.container08 .fl01 .box .ll h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 8px
}

.container08 .fl01 .box .ll h6 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase
}

.container08 .fl01 .box .rr {
	width: 405px;
	height: 160px;
	background: #ed001b
}

.container08 .fl01 .box .bottom {
	height: 345px;
	padding: 30px 40px;
	background: #fff
}

.container08 .fl01 .box .bottom ul li {
	height: 36px;
	line-height: 36px;
}

.container08 .fl01 .box .bottom ul li font {
	font-size: 15px;
	color: #424242;
	width: calc(100% - 110px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.6s
}

.container08 .fl01 .box .bottom ul li span {
	font-size: 13px;
	color: #959494;
	float: right
}



.container08 .fl02 {
	padding: 44px 40px;
	background: #fff
}

.container08 .fl02 h4 {
	font-size: 22px;
	color: #3b3b3b;
	margin-bottom: 8px
}

.container08 .fl02 h6 {
	font-size: 14px;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.container08 .fl02 ul {
	font-size: 0;
	margin: 0 -9px
}

.container08 .fl02 ul .miso-prev,
.container08 .fl02 ul .miso-next {
	width: 35px;
	height: 35px;
	top: -49px;
}

.container08 .fl02 ul .miso-prev {
	background: url(../images/left03.png) center no-repeat;
	left: auto;
	right: 54px;
}

.container08 .fl02 ul .miso-next {
	background: url(../images/right03.png) center no-repeat;
	right: 9px;
}

.container08 .fl02 ul li {
	display: inline-block;
	padding: 0 9px;
	text-align: center
}

.container08 .fl02 ul li .img,
.container08 .fl02 ul li .img img {
	width: 360px;
	height: 230px;
	overflow: hidden;
	position: relative;
	object-fit: cover;
}

.container08 .fl02 ul li .img h5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	font-size: 15px;
	line-height: 50px;
	color: #fff;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: .6s
}



.container09 {
	padding: 50px 0
}

.container09 .left {
	width: 260px;
	padding: 22px 0 0
}

.container09 .left h4 {
	font-size: 20px;
	color: #444444;
	line-height: 30px;
}

.container09 .left h5 {
	font-size: 20px;
	color: #ed001b;
	line-height: 30px;
	margin-bottom: 30px;
}

.container09 .left .miso_anniu {}

.container09 .left .miso_anniu img {
	margin-right: 5px;
	cursor: pointer
}

.container09 .right {
	width: calc(100% - 260px);
}

.container09 .right ul li {
	text-align: center;
	padding: 0 10px;
}

.container09 .right ul li .img,
.container09 .right ul li .img img {
	display: inline-block;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	object-fit: cover;
}

.container09 .right ul li .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: #d5d5d5 1px solid;
	border-radius: 50%;
	transition: 0.6s
}

.container09 .right ul li .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ed001b;
	transform: translateY(100%);
	transition: 0.6s
}

.container09 .right ul li .img .top h5 {
	font-size: 15px;
	padding: 0 15px;
	line-height: 24px;
	color: #fff
}

.container09 .right ul li a>h5 {
	font-size: 14px;
	line-height: 24px;
	color: #6b6b6b;
	margin-top: 15px
}







/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/





footer {
	background: #252525;
	padding: 60px 0 25px
}

footer .fl01 .left {
	width: 705px;
	border-right: #49494a 1px solid
}

footer .fl01 .left dl {
	display: inline-block;
	margin-right: 72px;
	vertical-align: top
}

footer .fl01 .left dl dt {
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 20px
}

footer .fl01 .left dl dd {
	font-size: 12px;
	line-height: 27px;
	color: #909090
}

footer .fl01 .right .con01 p {
	font-size: 12px;
	line-height: 29px;
	color: #fff
}

footer .fl01 .right .con01 h3 {
	font-size: 30px;
	color: #ed001b;
	font-family: Gotham;
	font-weight: bold;
	margin: 12px 0 0
}

footer .fl01 .right .con01 h6 {
	font-size: 13px;
	line-height: 27px;
	color: #909090
}

footer .fl01 .right .con02 {
	margin-left: 38px;
	text-align: center
}

footer .fl01 .right .con02 h3 img {
	width: 100px;
	height: 100px;
}

footer .fl01 .right .con02 h5 {
	font-size: 13px;
	color: #b3b3b3;
	line-height: 30px
}



footer .fl02 {
	border-top: #49494a 1px solid;
	border-bottom: #49494a 1px solid;
	padding: 34px 0;
	margin-top: 34px
}

footer .fl02 .links {
	width: 64px;
	font-size: 13px;
	line-height: 30px;
	color: #fff
}

footer .fl02 ul {
	width: calc(100% - 64px);
	font-size: 0
}

footer .fl02 ul li {
	display: inline-block;
	margin-right: 25px;
	font-size: 13px;
	line-height: 30px;
	color: #989a9d
}



footer .fl03 {
	padding: 28px 0
}

footer .fl03 .left p,
footer .fl03 .left p a {
	display: inline-block;
	font-size: 12px;
	line-height: 27px;
	color: #909090
}

footer .fl03 .left ul {
	display: inline-block;
	margin-left: 40px;
	vertical-align: top;
}

footer .fl03 .left ul li {
	display: inline-block;
	margin-right: 18px;
	font-size: 12px;
	line-height: 27px;
	color: #909090
}

footer .fl03 .left ul li img {
	margin: -3px 8px 0 0
}

footer .fl03 .right {
	font-size: 12px;
	line-height: 27px;
	color: #909090
}





#adimage {
	position: relative;
	width: 100%
}

#adimage .datu {
	width: 100%
}

#adimage .box {
	position: absolute;
	top: 10px;
	right: 20px;
}



.web_nav.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background: #fff;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
}





.contact-shrink {
	display: block;
}

.contact-shrink {
	position: fixed;
	left: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 998 !important
}

.contact-expand {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 175px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1001 !important;
	display: none;
}

.contact-expand .expand-container {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.contact-expand .expand-container .submit-container {
	cursor: pointer;
	float: left;
}

.contact-expand .expand-container .input-container {
	float: left;
}

.contact-expand .expand-container .expand-qq {
	display: block;
	width: 185px;
	height: 182px;
	position: absolute;
	left: -110px;
	cursor: pointer;
	top: -88px;
}

.contact-expand .expand-container .expand-close {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 19px;
	right: -30px;
	cursor: pointer;
	background: url(../images/closed.png) center no-repeat;
}

.contact-expand .expand-container .help-phone {
	display: block;
	width: 325px;
	height: 44px;
	border-radius: 0;
	text-indent: 15px;
	box-sizing: border-box;
	border: none;
	font-size: 14px;
}

.contact-expand .expand-container .help-submit {
	display: block;
	width: 128px;
	margin: 0;
	height: 44px;
	border: 0;
	border-radius: 0;
	color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #ed001b;
	font-size: 16px;
}

.contact-expand .expand-container .a {
	display: block;
	width: 128px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	border: 0;
	border-radius: 0;
	color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #d7a865;
	font-size: 16px;
	float: left;
	text-align: center;
	margin-left: 10px;
}



.contact-expand .left {
	width: 714px;
	padding: 35px 0 0 60px;
}

.contact-expand .left h4 {
	margin-bottom: 25px;
}

.contact-expand .center {
	padding: 60px 0 0
}

.contact-expand .right .img,
.contact-expand .right .img img {
	width: 102px;
	height: 102px;
}

.contact-expand .right .con {
	padding: 30px 0 0 16px;
}

.contact-expand .right .con h5 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0.5rem;
}

.contact-expand .right .con h3 {
	font-size: 1.25rem;
	color: #fff;
}

.contact-expand .right {
	padding: 35px 0 0
}



@media(min-width: 768px) {

	.top_header ul li a:hover {
		color: #000 !important
	}



	.container01 ul li .box:hover {
		border: #ed001b 1px solid;
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
	}

	.container01 ul li .box:hover .top {
		background: #ed001b
	}

	.container01 ul li .box:hover .top h3 svg {
		transform: rotateY(360deg);
		fill: #fff
	}

	.container01 ul li .box:hover .top h5 {
		color: #fff
	}



	.container01 ul li .box .bottom dl dd a:hover {
		background: #ed001b;
		border: #ed001b 1px solid;
		color: #fff
	}

	.container01 ul li .box .bottom .more a:hover {
		background: #ed001b;
		color: #fff
	}



	.container02 .miso_bd ul li img:hover,
	.container03 .miso_bd ul li img:hover {
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
	}



	.container02 .miso_hd ul li:hover h3 img {
		transform: rotateY(360deg)
	}



	.container04 .left ul li a:hover,
	.container04 .right ul li a:hover {
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
	}

	.container04 .left ul li a:hover h6,
	.container04 .right ul li a:hover h6 {
		background: #ff001d;
		padding: 0 25px;
		color: #fff
	}

	.container04 .left ul li a:hover h6 img,
	.container04 .right ul li a:hover h6 img {
		transform: translateX(0)
	}

	.container04 .left ul li a:hover h6 img.img2,
	.container04 .right ul li a:hover h6 img.img2 {
		opacity: 1;
		visibility: visible;
		width: auto;
	}

	.container04 .left ul li a:hover h6 img.img1,
	.container04 .right ul li a:hover h6 img.img1 {
		opacity: 0;
		visibility: hidden;
		width: 0
	}



	.container05 ul li:hover a {
		position: relative
	}

	.container05 ul li a:hover {
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
	}

	.container05 ul li a:hover .more {
		letter-spacing: 1px
	}



	.container06 ul li a:hover .img img { 
	}

	.container06 ul li a:hover .img .top {
		transform: translateY(0);
	}



	.container08 .fl01 .box .bottom ul li a:hover font {
		padding-left: 4px;
		color: #ff001d
	}



	.container08 .fl02 ul li a:hover .img h5 {
		background: rgba(237, 0, 27, 0.8);
	}



	.container09 .right ul li a:hover .img:after {
		border: #ff001d 1px solid
	}

	.container09 .right ul li a:hover .img .top {
		transform: translateY(0);
	}



	footer .fl03 .left p a:hover,
	footer .fl01 .left dl dd:hover,
	footer .fl02 ul li:hover,
	footer .fl03 .left ul li:hover {
		color: #fff
	}

}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/







/*==========================================内页 结束=============================================*/



/*aos="zoom-in" aos-duration="1200"*/